<!doctype html>
<html lang="zh" class="no-js">
<head>
	<meta charset="UTF-8"> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="renderer" content="webkit">
	<title>Zh_Xl's CV</title>	
	<script type="text/javascript" src="http://tajs.qq.com/stats?sId=53241892" charset="UTF-8"></script>
	<link href='http://fonts.useso.com/css?family=*'>
	<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
    <script type="text/javascript" href="http://cdn.bootcss.com/modernizr/2010.07.06dev/modernizr.min.js"></script>
	<!--[if IE]> 
		<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script> 
	<![endif]--> 
</head>
<!-- animation: none/scaleDown/rotate/gallery/catch/opacity/fixed/parallax -->
<body data-hijacking="on" data-animation="gallery">
	<section class="cd-section visible">
		<div>
			<header class="htmleaf-header">
			<div class="nav">
                <ul>
                    <li>Resume of Mine</li>
                    <li><span class="job">Apply for：Web前端工程师</span></li>
     
                </ul>
            </div>
            <div class="aboutme">
               <div class="message1">
                <h1><span class="icon-pacman"></span> About Me </h1>
                   <p> 喜欢动漫，喜欢科幻魔幻类的电影，行尸走肉之类的美剧，超级有<span class="point"> 想象力</span>喜欢做白日梦，喜欢做一些刺激</p><p>的事情。因为<span class="point"> 好奇 </span>所以选择了前端~对技术不挑食，喜欢尝试新的事物，有一颗热诚跳动的心和一个永远</p><p>填不满的胃。有着不输别人的<span class="point"> 耐心 </span>和<span class="point"> 细心度 </span>，做前端，我是<span class="point">认真</span>的！</p>
               </div>
               <section class="message2">
                   <div class="img" title="看着无精打采？实在是木有其他合适的照片咧"></div>
                   <dl>

                       <dt><span class="icon icon-profile"></span> Message:</dt>
                           <dd>张晓亮/男/20/沈阳</dd>
                       <dt><span class="icon icon-command"></span> Education:</dt>
                           <dd>大专 沈阳信息职业技术学院  </dd>
                       <dt><span class="icon icon-bookmark"></span> My Major:</dt>
                           <dd>软件技术 （将是）18级毕业生</dd>  
                       <dt><span class="icon icon-mail4"></span> Email:</dt>
                           <dd>ed745354753@foxmail.com</dd>
                       <dt><span class="icon icon-quill"></span> My Blog:</dt>
                           <dd><a href="https://my.oschina.net/u/3415406/" target="_blank">https://my.oschina.net</a></dd>
                       
                   </dl>
               </section>
                <section class="ss-style-boxes"></section>
                <div class="footadd"></div>
            </div>
			</header>
		</div>
	</section>

	<section class="cd-section"> 
        <div class="container Skill">
        <h1><span class="icon-quill"></span>  目前掌握的技能(教育：学习生涯）</h1>
        <div class="skills">
                <h3><span class="icon-price-tags"></span> Skills-----前端</h3>
		        <div class="GaugeMeter" id="GaugeMeter_1" data-percent="82"  data-text="CSS"  data-size="130"  data-width="2"  data-color="#f77e1c"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div> 
				<div class="GaugeMeter" id="GaugeMeter_1" data-percent="70"  data-text="Html"  data-size="130"  data-width="2"  data-color="#f77e1c"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div>
				 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="30"  data-text="JS"  data-size="130"  data-width="2"  data-color="#f77e1c"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div> 
				 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="30"  data-text="Jquery"  data-size="130"  data-width="2"  data-color="#f77e1c"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div>
				 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="10"  data-text="Scss"  data-size="130"  data-width="2"  data-color="#f77e1c"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div>
				<h3><span class="icon-price-tags"></span> Skills-----软件设计(Android开发)</h3>
                <div class="GaugeMeter" id="GaugeMeter_1" data-percent="25"  data-text="Java"  data-size="130"  data-width="2"  data-color="#1b854f"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div>
				 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="20"  data-text="Python"  data-size="130"  data-width="2"  data-color="#1b854f"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div>
				 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="20"  data-text="C语言"  data-size="130"  data-width="2"  data-color="#1b854f"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div>
				 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="20"  data-text="Server SQL"  data-size="130"  data-width="2"  data-color="#1b854f"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div>
				 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="20"  data-text="mysql"  data-size="130"  data-width="2"  data-color="#1b854f"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div>
				 <h3><span class="icon-price-tags"></span> Skills-----工具</h3>
				 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="50"  data-text="Sublime"  data-size="130"  data-width="2"  data-color="#000"  data-back="rgba(0,0,0,0.1)" data-style="Arch" ></div>
           		 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="50"  data-text="Sequel Pro"  data-size="130"  data-width="2"  data-color="#000"  data-back="rgba(0,0,0,0.1)" data-style="Arch" ></div>
                 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="40"  data-text="PS&&FW&&Pr"  data-size="130"  data-width="2"  data-color="#000"  data-back="rgba(0,0,0,0.1)" data-style="Arch" ></div>
                 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="40"  data-text="Eclipse"  data-size="130"  data-width="2"  data-color="#000"  data-back="rgba(0,0,0,.1)" data-style="Arch" ></div>
           		 <div class="GaugeMeter" id="GaugeMeter_1" data-percent="20"  data-text="git"  data-size="130"  data-width="2"  data-color="#000"  data-back="rgba(0,0,0,0.1)" data-style="Arch" ></div>
            <!--<div class="conclusion">
                <h3><span class="icon-tongue"></span> 总结一下:</h3>
                <p>知识了解一些，会用而已，mysql会的是增删改查基本操作，前端水深，且行且珍惜~</p>
            </div
		  </div>-->
        </div>
	</section>

	<section class="cd-section">
		<div class="container project">
		<h1><span class="icon-mic"></span>  我的小作品</h1>
			<div class='contain'>
              <a href="https://git.oschina.net/Z-xl/Game" target="_blank" title="还未部署">
			  <div class='column'>
			    <div class='post-module'>
			      <div class='thumbnail'>
			        <img src='http://7xonct.com1.z0.glb.clouddn.com/CV/naduohua.png'>
			      </div>
			      <div class='post-content'>
			        <div class='category'>小游戏</div>
			        <h1 class='title'>基于Python/Java语言</h1>
			        <h2 class='sub_title'>大二上学期作品。</h2>
			        <p class='description'>大二时，刚刚接触新的编程语言-Python和Java。跟着导师完成了两个小游戏“兔子和獾” && “贪吃蛇”~</p>
			      </div>
			    </div>
			  </div>
			  </a>
			  <a href="http://z-xl.oschina.io/zxl/" target="_blank">
			 <div class='column'>
			    <div class='post-module'>
			      <div class='thumbnail'>
			        <img src='http://7xonct.com1.z0.glb.clouddn.com/CV/shulan.jpg'>
			      </div>
			      <div class='post-content'>
			        <div class='category'>个人博客</div>
			        <h1 class='title'>基于jekyll的博客</h1>
			        <h2 class='sub_title'>目前正努力地作品。</h2>
			        <p class='description'>基于jekyll的静态博客系统，正在完善中，努力构思一个完整优美的博客，最初想发布到了github pages上面，可是老外的网站，实在读不懂具体的含义，多次尝试，都以失败告终，（学好英文再来吧）只能退而求次。之后准备买域名，租服务器，拥有自己的一个‘家’。用于自己平时学习心得的记载和分享一些资料</p>
			       
			      </div>
			    </div>
			  </div>
			  </a>
			  <a href="http://momeakl.github.io/CV/" target="_blank">
			  <div class='column'>
			    <div class='post-module'>
			      <div class='thumbnail'>
			        <img src='http://7xonct.com1.z0.glb.clouddn.com/CV/hello2.jpg'>
			      </div>
			      <div class='post-content'>
			        <div class='category'>简历</div>
			        <h1 class='title'>个人简历PC版</h1> 
			        <h2 class='sub_title'>目前。</h2>
			        <p class='description'>学习 Web前端开发的第四周的任务，用JS，HTML5，CSS3制作一个交互式的个人简介。</p>
			     
			      </div>
			    </div>
			  </div>
			  </a>
			  
	</section>

	<section class="cd-section"> 
		<div class="container whyme">
            <div class="tiltPage active">
                <div class="halfPage halfPageL">
                  <div class="tiltPage_half">
                    <div class="tiltPage_me">
                      <h2>Cause me:</h2>
                      <ol>
                          <li>有想象力 + 一定的审美
                              <ol>
                                  <li>super喜欢前端并且坚信自己可以做好</li>
                              </ol>
                          </li>
                          <li>有较好的适应能力，能快速适应环境</li>
                          <li>有不错的自学能力
                              <ol>
                                  <li>通过看书籍和他人博客来深度学习</li>
                                  <li>对于他人作品，先模仿，后超越</li>
                              </ol>
                          </li>
                      </ol>
                      <h2 class="hireMe">So, hire me now~ <span class="icon-accessibility"></span></h2>
                    </div>
                  </div>
                </div>
                <div class="halfPage halfPageR">
                  <div class="tiltPage_half">
                    <div class="tiltPage_me"></div>
                  </div>
                </div>
           </div>
		</div>
	</section>

	<section class="cd-section"> 
        <div class="container">
           <div class="contact">
               <div class="top">
                   <h1>Web前端工程师是:</h1>
                   <div class="photo"></div>
                   <span class="text design">Designer</span>
                   <span class="text code">&lt; coder &gt; </span>
               </div>
               <div class="bottom">
                   <h1>想要了解我更多 <span class="icon-point-down"></span></h1>                          <a href="https://my.oschina.net/u/3415406/" target="_blank">博客 </a>|
                   <a href="http://weibo.com/u/5688508727/" target="_blank">微博 </a>|
                   <a href="https://git.oschina.net/Z-xl/" target="_blank">码云 </a>|
                   <a href="https://www.zhihu.com/people/zhang-xiao-liang-46-72/" target="_blank">知乎 </a>|
                   <a href="745354753@qq.com" target="_blank">邮箱 </a>
                   <h1><a href="https://git.oschina.net/Z-xl/jianli"  target="_blank" title="">下载简历</a></h1>
               </div>
           </div>
		</div>
	</section>

	<nav>
		<ul class="cd-vertical-nav">
			<li><a href="#0" class="cd-prev inactive">Next</a></li>
			<li><a href="#0" class="cd-next">Prev</a></li>
		</ul>
	</nav> <!-- .cd-vertical-nav -->
	
    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="js/velocity.min.js"></script>
	<script src="js/main.js"></script> <!-- Resource jQuery -->
	<script src="js/jquery.AshAlom.gaugeMeter.js"></script>
	<script>
        $(document).ready(function(){
          $(".GaugeMeter").gaugeMeter();
          $('.post-module').hover(function () {
		        $(this).find('.description').stop().animate({
		            height: 'toggle',
		            opacity: 'toggle'
		        }, 300);
		    });
        });
    </script>
</body>
</html>
